<!DOCTYPE html>

<html lang="zh-CN">

<head>

    <!-- 设置字符编码 -->

    <meta charset="UTF-8">

    <!-- 针对 IE 浏览器的兼容性设置，让 IE 使用最新的渲染引擎 -->

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <!-- 用于响应式网页设计，设置视口宽度为设备宽度，初始缩放比例为 1 -->

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- 页面描述，有助于搜索引擎优化（SEO），会在搜索结果中显示 -->

    <meta name="description" content="这是一个关于 HTML 元数据标签应用的示例页面，展示了常见元数据标签的使用方法和作用。">

    <!-- 页面关键词，用于搜索引擎优化，告诉搜索引擎页面的核心关键词 -->

    <meta name="keywords" content="HTML, 元数据, meta标签, 网页开发">

    <!-- 作者信息 -->

    <meta name="author" content="你的名字">

    <title>HTML 元数据标签示例</title>

</head>

<body>

    <h1>HTML 元数据标签示例页面</h1>

    <p>请查看页面头部的元数据标签（通过浏览器开发者工具查看）。</p>

</body>

</html>

 